<template>
    <div>
      <ul>
        <li v-for="item in goodsList" :key="item.id" @click="toProductDetail(item.id)">
          <img :src="item.list_pic_url" style="display:block" width="100%" alt="" />
          <div class="mc">{{ item.name }}</div>
          <div class="jinee">{{ item.retail_price | RMBNumber }}</div>
        </li>
      </ul>
      <br><br><br>
    </div>
  </template>
  
  <script>
  export default {
    data() {
      return {
  
      };
    },
    props: ["goodsList"],
    methods:{
        GetXiangQing(id){
        this.$router.push("/pruductDetail?id="+id)
        setTimeout(() => {
          this.$router.go(0)
        }, 10);
        
      }
    }
  };
  </script>
  
  <style lang="less">
  ul{
      padding: .1rem 2%;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      li{
          width: 49%;
          margin-bottom: .1rem;
          background-color: #fff;
          text-align: center;
          line-height: .3rem;
          .mc{
              font-size: .1rem;
          }
          .jinee{
              color: darkred;
              font-size: .1rem;
  
          }
      }
  }
  </style>